theme: top bar styling.

diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index a30f404ec984ab17d546d5e42b91836b56565abf..f56a712a836cbb09e93d5d7e0f985512cfde99c8 100644 (file)
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -196,6 +196,34 @@ StScrollBar {
 
 /* TOP BAR */
 
+#panel {
+  background-color: black;
+  font-weight: bold;
+  height: 1.86em;
+  &.unlock-screen,
+  &.login-screen { background-color: transparent; }
+
+  #panelLeft, #panelCenter { // spacing between activities<>app menu and such
+    spacing: 4px;
+  }
+  
+  .panel-corner {
+    -panel-corner-radius: 6px;
+    -panel-corner-background-color: black;
+    -panel-corner-border-width: 2px;
+    -panel-corner-border-color: transparent; 
+    
+    &:active, &:overview, &:focus { -panel-corner-border-color: transparentize($fg_color, 0.1); }
+    &.lock-screen, &.login-screen, &unlock-screen {
+      -panel-corner-radius: 0;
+      -panel-corner-background-color: transparent;
+      -panel-corner-border-color: transparent;
+    }
+  }
+  
+}
+
+
 // not really top bar only
 .popup-menu-arrow { width: 16px; height: 16px; }
 .popup-menu-icon { icon-size: 1.09em; }

diff --git a/data/theme/_gnome-shell-old.scss b/data/theme/_gnome-shell-old.scss
index 2f9a7602b7a5258acb7c60293f72eb4b871f88b9..e161d496d8a4e3cd1007be4d3d737ba75cdee4bb 100644 (file)
--- a/data/theme/_gnome-shell-old.scss
+++ b/data/theme/_gnome-shell-old.scss
@@ -193,57 +193,6 @@
 
 /* Panel */
 
-#panel {
-    background-color: black;
-    font-weight: bold;
-    height: 1.86em;
-}
-
-#panel.unlock-screen,
-#panel.login-screen {
-    background-color: transparent;
-}
-
-#panelLeft, #panelCenter {
-    spacing: 4px;
-}
-
-#panelLeft:ltr {
-    padding-right: 4px;
-}
-
-#panelLeft:rtl {
-    padding-left: 4px;
-}
-
-#panelRight:ltr {
-    padding-left: 4px;
-}
-
-#panelRight:rtl {
-    padding-right: 4px;
-}
-
-.panel-corner {
-    -panel-corner-radius: 6px;
-    -panel-corner-background-color: black;
-    -panel-corner-border-width: 2px;
-    -panel-corner-border-color: transparent;
-}
-
-.panel-corner:active,
-.panel-corner:overview,
-.panel-corner:focus {
-    -panel-corner-border-color: rgba(255,255,255,0.8);
-}
-
-.panel-corner.lock-screen,
-.panel-corner.unlock-screen,
-.panel-corner.login-screen {
-    -panel-corner-background-color: transparent;
-    -panel-corner-border-color: transparent;
-}
-
 #appMenu {
     spinner-image: url("process-working.svg");
     spacing: 4px;

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 5d11b4e311f15aec5dcc210241a1ad248dc87692..e3baa90de0632e0084c41df22c7d46c4a4e53350 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -147,47 +147,6 @@
   spacing: 12px; }
 
 /* Panel */
-#panel {
-  background-color: black;
-  font-weight: bold;
-  height: 1.86em; }
-
-#panel.unlock-screen,
-#panel.login-screen {
-  background-color: transparent; }
-
-#panelLeft, #panelCenter {
-  spacing: 4px; }
-
-#panelLeft:ltr {
-  padding-right: 4px; }
-
-#panelLeft:rtl {
-  padding-left: 4px; }
-
-#panelRight:ltr {
-  padding-left: 4px; }
-
-#panelRight:rtl {
-  padding-right: 4px; }
-
-.panel-corner {
-  -panel-corner-radius: 6px;
-  -panel-corner-background-color: black;
-  -panel-corner-border-width: 2px;
-  -panel-corner-border-color: transparent; }
-
-.panel-corner:active,
-.panel-corner:overview,
-.panel-corner:focus {
-  -panel-corner-border-color: rgba(255, 255, 255, 0.8); }
-
-.panel-corner.lock-screen,
-.panel-corner.unlock-screen,
-.panel-corner.login-screen {
-  -panel-corner-background-color: transparent;
-  -panel-corner-border-color: transparent; }
-
 #appMenu {
   spinner-image: url("process-working.svg");
   spacing: 4px; }
@@ -2057,6 +2016,26 @@ StScrollBar {
   app menu inside the main app window itself rather than the top bar
 */
 /* TOP BAR */
+#panel {
+  background-color: black;
+  font-weight: bold;
+  height: 1.86em; }
+  #panel.unlock-screen, #panel.login-screen {
+    background-color: transparent; }
+  #panel #panelLeft, #panel #panelCenter {
+    spacing: 4px; }
+  #panel .panel-corner {
+    -panel-corner-radius: 6px;
+    -panel-corner-background-color: black;
+    -panel-corner-border-width: 2px;
+    -panel-corner-border-color: transparent; }
+    #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
+      -panel-corner-border-color: rgba(238, 238, 236, 0.9); }
+    #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen {
+      -panel-corner-radius: 0;
+      -panel-corner-background-color: transparent;
+      -panel-corner-border-color: transparent; }
+
 .popup-menu-arrow {
   width: 16px;
   height: 16px; }